<template>
    <div style="margin:20px">
          

<h1>
        <!-- <mallki class-name="mallki-text" text="请认真对待每一件事！" /> -->
</h1>
<p>
<button class="pan-btn blue-btn" @click="add">创建计划</button>
</p>

    



<el-table
      v-loading="listLoading"
      :data="list"
      element-loading-text="Loading"
      border
      fit
      highlight-current-row
      :row-class-name="tableRowClassName"
    >
      <el-table-column align="center" label="ID" width="95">
        <template slot-scope="scope">
          {{ scope.$index+1 }}
        </template>
      </el-table-column>
      <el-table-column label="目标">
        <template slot-scope="scope">
          {{ scope.row.target }}
        </template>
      </el-table-column>
         <el-table-column label="阶段">
        <template slot-scope="scope">
          {{ scope.row.stage }}
        </template>
      </el-table-column>
      <el-table-column
        align="center"
        prop="created_at"
        label="最近更新时间"
        width="200"
      >
        <template slot-scope="{ row }">
          <i class="el-icon-time" />
          <span>{{ new Date(row.updatetime).toLocaleString() }}</span>
        </template>
      </el-table-column>

      <el-table-column
        class-name="status-col"
        label="操作"
        width="200"
        align="center"
      >
        <template slot-scope="{ row }">
          <ElButton type="primary" size="mini" @click="edit(row._id)"
            >编辑</ElButton
          >
        </template>
      </el-table-column>
    </el-table>








    </div>
</template>
<script>
import Mallki from '@/components/TextHoverEffect/Mallki'

export default {
    components: {Mallki},
data() {
return {
    list:[
        {
         target:"买房",
          updatatime:'2020-3-34 20:24:53',
          stage:1
        }
    ]
};
},
methods: {
    add(){

    }
}
};
</script>